<ng-container *ngIf="tagData">
  <div id="{{switchBlockButtonId}}" class="switch-main-box">
    <div class="smooth-box" [ngStyle]="tagData.cssStyle | styleFilter">
      <ng-container *ngFor="let item of tagData.data;let dateIndex = index;">
        <ng-container *ngIf="tagData.style==='appTabTag-smooth-style'">
          <!-- checkClass 装饰装修-->
          <ng-container *ngIf="item.partLink?.params?.checkClass!==undefined">
            <button id="{{item.tabType}}" class="smooth-style-button-green0"
              appDebounceClick (debounceClick)="switchBlockClick(item,'green',dateIndex)" [ngStyle]="item.cssStyle|styleFilter"
              [ngClass]="{'fthree': item.label.length===3,'ffour': item.label.length===4,'ffive': item.label.length===5,'smooth-checked-green':this.index===dateIndex}">
              <p class="smooth-style-label-green0" [ngClass]="{'smooth-checked-font-green': this.index===dateIndex}"
                [ngStyle]="item.partLink?.params?.labelCssStyle|styleFilter">
                {{item.label}}</p>
            </button>
          </ng-container>
          <ng-container *ngIf="item.partLink?.params?.checkClass===undefined">
            <!--为了兼容以前的配置使用新的属性newStyle来区分-->
            <ng-container *ngIf="item.partLink?.params?.newStyle!==undefined; else originalStyle">
              <ng-container *ngIf="item.indexTab===tagData.currentTab; else elseTemplate">
                <div id="{{item.tabType}}" appDebounceClick (debounceClick)="newSwitchBlockClick(dateIndex,item)"
                  [ngStyle]="item.partLink?.params?.checkCssStyle|styleFilter">
                  <p [ngStyle]="item.partLink?.params?.checkLabelCssStyle|styleFilter">
                    {{item.label}}</p>
                </div>
              </ng-container>
              <ng-template #elseTemplate>
                <div id="{{item.tabType}}" appDebounceClick (debounceClick)="newSwitchBlockClick(dateIndex,item)"
                  [ngStyle]="item.partLink?.params?.normalCssStyle|styleFilter">
                  <p [ngStyle]="item.partLink?.params?.normalLabelCssStyle|styleFilter">
                    {{item.label}}</p>
                </div>
              </ng-template>
            </ng-container>
            <ng-template #originalStyle>
              <button id="{{item.tabType}}" class="smooth-style-button-oneCss0  2 "
                appDebounceClick (debounceClick)="switchBlockClick(item,'oneCss',dateIndex)" [ngStyle]="item.cssStyle|styleFilter"
                [ngClass]="{'fthree': item.label.length===3,'ffour': item.label.length===4,'ffive': item.label.length===5,'smooth-checked-oneCss':this.index===dateIndex}">
                <p class="smooth-style-label-oneCss0" [ngClass]="{'smooth-checked-font-oneCss': this.index===dateIndex}"
                  [ngStyle]="item.partLink?.params?.labelCssStyle|styleFilter">
                  {{item.label}}</p>
              </button>
            </ng-template>
          </ng-container>
        </ng-container>
      </ng-container>
    </div>
  </div>
  <ng-container *ngFor="let tagsItem of currentTags" [ngSwitch]="tagsItem.style">
    <div *ngIf="isSpinning" class="loading-box">
      <ion-spinner></ion-spinner>
    </div>
    <ng-container *ngIf="!isSpinning">
      <ng-container *ngSwitchCase="'oneCss'">
        <app-switch-block-button [tagData]="tagsItem">
        </app-switch-block-button>
      </ng-container>
      <ng-container *ngSwitchCase="'twoCss'">
        <app-switch-block-button [tagData]="tagsItem">
        </app-switch-block-button>
      </ng-container>
      <ng-container *ngSwitchCase="'threeCss'">
        <app-switch-block-button [tagData]="tagsItem">
        </app-switch-block-button>
      </ng-container>
    </ng-container>
  </ng-container>
  <div [ngClass]="{
  'overFlowdefault':
  defaultTabClass==='overFlowdefault',
  'overFlowScroll': 
  defaultTabClass==='overFlowScroll',
  'overFlowScroll1': 
  defaultTabClass==='overFlowScroll1',
  'overFlowScroll2': 
  defaultTabClass==='overFlowScroll2',
  'overFlowScroll3': 
  defaultTabClass==='overFlowScroll3',
  'overFlowScroll4': 
  defaultTabClass==='overFlowScroll4'
}" [ngStyle]="boxCssStyle|styleFilter">
    <ng-container *ngIf="notInContent==='true'; else elseTemplate">
      <div *ngIf="isSpinning" class="loading-box">
        <ion-spinner></ion-spinner>
      </div>
      <ng-container *ngIf="!isSpinning">
        <app-common-nested-tag [currentDataArray]="currentTags">
        </app-common-nested-tag>
      </ng-container>
    </ng-container>
    <ng-template #elseTemplate>
      <!-- 'gray-bg': isGrayBg, -->
      <ion-content id="1" [scrollEvents]="contentScrollEvents" class="gray-bg"
        [ngClass]="{'white-bg': !isGrayBg ,'bg-image':showWaterImg}">
        <!-- <ng-container *ngFor="let tagsItem of currentTags" [ngSwitch]="tagsItem.style">
      <div *ngIf="isSpinning" class="loading-box">
        <ion-spinner></ion-spinner>
      </div>
      <ng-container *ngIf="!isSpinning">
        <app-common-nested-tag [tagData]="tagsItem"></app-common-nested-tag>
      </ng-container>
    </ng-container> -->
        <div *ngIf="isSpinning" class="loading-box">
          <ion-spinner></ion-spinner>
        </div>
        <ng-container *ngIf="!isSpinning">
          <app-common-nested-tag [currentDataArray]="currentTags">
          </app-common-nested-tag>
        </ng-container>
      </ion-content>
    </ng-template>

  </div>
</ng-container>